<template>
  <div id="app">
    <router-view
      v-loading="isLoading"
      :element-loading-text="loadingText"
      element-loading-spinner="el-icon-loading"
      element-loading-background="rgba(0, 0, 0, 0.8)"
      element-loading-lock="true"
    />
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'App',
  computed: {
    ...mapState({
      isLoading: state => state.app.isLoading,
      loadingText: state => state.app.loadingText
    })
  }
}
</script>
